<div id="main">
  <div id="colloection_cont">  
  	<div class="c_headerTop">
    	<img src="${imageRoot}/colloection_ytb_img.png" border="0" /><h2>Hot YouTube Videos</h2>
    </div>
    
    <div id="colloection_nav2" class="tabs-nav">
    	<div class="select_box"><strong>Genre：</strong> 
			<select id="genere_select">
			  	  <option value="">All Categories</option>
		          <#if genres??>
					<#list genres as g>
					    <option value="${g.genreName}">${g.displayName}</option>
					</#list>
				  </#if>
			</select>
        </div>
                
        <ul class="item_menu" id="youtube_menu">
	        <li class="curr"><a href="javascript:;" period="today">Today</a></li>
	        <li><a href="javascript:;" period="this_week">Week</a></li>
	        <li><a href="javascript:;" period="this_month">Month</a></li>
	        <li><a href="javascript:;" period="all_time">All Time</a></li>
        </ul>        
    </div>
    
     <div class="tabs-tab colloection_box" id="today_div">
     		<#include "/video/featured/youtube/youtube_list.ftl">
     		<#include "/video/pie/loading_more.ftl">
     		<div class="clear"></div>
   	 </div>
   	 <div class="tabs-tab colloection_box" id="this_week_div">
   	 		<#include "/video/pie/loading_more.ftl">
   	 		<div class="clear"></div>
   	 </div>
   	 <div class="tabs-tab colloection_box" id="this_month_div">
   	 		<#include "/video/pie/loading_more.ftl">
   	 		<div class="clear"></div>
   	 </div>
   	 <div class="tabs-tab colloection_box" id="all_time_div">
   	 		<#include "/video/pie/loading_more.ftl">
   	 		<div class="clear"></div>
   	 </div>
  </div>  
 </div>